.ant-popover .ant-popover-inner {
    background-color: #ffffff;
    background-clip: padding-box;
    border-radius: 8px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    padding: 12px;
    position: absolute;
    top: -150px;
    left: -20px;
    width: 345px;
    height: 150px;
}

.emojiPane {
    /* background-color: red; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    /* background: red; */
}

.emojiPane a {
    margin-bottom: 12px;
    padding-left: 12px;
    /* background: red; */
    cursor: pointer;
    /* 添加光标样式 */
}

.emojine {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 28px;
    vertical-align: middle;
    width: 28px;
    background-position: 0px -1px;
}

.emojine1 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -38px 0;
}

.emojine2 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -75px -1px;
}

.emojine3 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -110px -1px;
}

.emojine4 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -148px -1px;
}

.emojine5 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -185px -1px;
}

.emojine6 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -222px -1px;
}

.emojine7 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 3px;
    vertical-align: middle;
    width: 28px;
    background-position: -260px -1px;
}

.emojine8 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -297px -1px;
}

.emojine9 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -333px -1px;
}

.emojine10 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -371px -1px;
}

.emojine11 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -408px -1px;
}

.emojine12 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -445px -1px;
}

.emojine13 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -482px -1px;
}
.emojine14 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -519px -1px;
}
.emojine15 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -1px -38px;
}
.emojine16 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -37px -37px;
}
.emojine17 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -75px -38px;
}
.emojine18 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -112px -37px;
}
.emojine19 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -149px -38px;
}
.emojine20 {
    display: inline-block;
    background: url("https://static-ud.s4.udesk.cn/im_client/fe82889571b3dbf7fcb9.png") 0 0 no-repeat;
    background-size: 546px 250px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
    width: 28px;
    background-position: -186px -38px;
}